<template>
	<view class="page-form">
		<view class="doc-describe">学校信息</view>
		<view class="doc-listform">
			<view class="doc-listformflex">
			   <view>学校名称</view>
			   <view><input name="username" type="text" cursor="right" value="新疆金泰隆家长学校" v-bind:readonly="isReadOnly"></input></view>
			</view>
			<view class="doc-listformflex">
			   <view>年级</view>
			   <view><input name="username" type="text" cursor="right" value="一年级一班" v-bind:readonly="isReadOnly"></input></view>
			</view>
			<view class="doc-listformflex">
			   <view>班主任</view>
			   <view><input name="username" type="text" cursor="right" value="张老师" v-bind:readonly="isReadOnly"></input></view>
			</view>
		</view>
		<view class="doc-describe">学生信息</view>
		<view class="doc-listform">
		  <view class="doc-listformflex">
		    <view>姓名</view>
		    <view><input name="username" cursor="right" placeholder='请输入姓名'></input></view>
		  </view>
		    <view class="doc-listformflex">
		      <view>性别</view>
		      <radio-group class="radio-group" @bindchange="sexChange()">
		        <label class="radio" v-for="(item,name) in items" :key="name">
		          <radio :value="item.name" :checked="item.checked"/> item.value
		        </label>
		      </radio-group>
		    </view>
		  <view class="doc-listformflex">
		    <view>出生年月</view>
		    <view>
		      <picker mode="date" value="2010-01-01" start="2010-01-01" end="2019-01-01" @bindchange="bindDateChange()">
		         <input disabled name="userdate" class="picker" placeholder=''  placeholder-class="" value="2010-01-01"></input>
		      </picker>
		    </view>
		  </view>
		  <view class="doc-listformflex">
		    <view>注册时间</view>
		    <view>
		      <picker mode="date" value="2015-09-01" start="2015-09-01" end="2025-09-01" @bindchange="bindDateChange()">
		         <input disabled name="userdate" class="picker" placeholder=''  placeholder-class="" value="2015-09-01"></input>
		      </picker>
		    </view>
		  </view>
		  </view>
		  <view class="doc-describe">家长信息</view>
		  <view class="doc-listform">
			  <view class="doc-listformflex">
			    <view>监护人姓名</view>
			    <view><input name="username" cursor="right" placeholder='请输入姓名'></input></view>
			  </view>
			  <view class="doc-listformflex">
			    <view>手机号</view>
			    <view><input name="userage" type="number" maxlength="11"  placeholder='请输入手机号' @bindblur="checkphone()"></input></view>
			  </view>
			  <view class="doc-listformflex">
			    <view>验证码</view>
			    <view>
			      <input name="userage" type="number" maxlength="2"  placeholder='请输入验证码'></input>
			    </view>
			    <view>
			      <button size="mini" class="button-inline button-ghost button-sendmsg" hover-class="button-ghost-active" @click="doSendMsg()">{{sendMsg}}</button>
			    </view>
		  </view>
          <view class="doc-flex">
            <view class="doc-flexitem">
               <button class="button-primary" hover-class="button-primary-active">提交数据</button>
            </view>
          </view>
		</view>  
	</view>
</template>

<script>
	
    export default {
		data() {
			return {
				date: '请选择籍贯',
				isReadOnly:false,
			    items: [
			      { name: 'man', value: '男' },
			      { name: 'woman', value: '女', checked: 'true' },
			    ],
			    textMaxLen:150,
			    textareaNum:0,
			    formNum:0,
			    sendMsg:'发送验证码',
			}
		},
		methods: {
			doSendMsg(){
			},
			bindDateChange(e){
			
			},
			checkphone(){
				
			},
			sexChange(){
				
			}
		}
	}
</script>

<style>
	@import url("registry.css");
</style>